﻿<div [ngClass]="{'m-grid m-grid--hor m-grid--root m-page': !useFullWidthLayout(), 'm-content': useFullWidthLayout() }" [style.text-align]="useFullWidthLayout() ? 'center' : 'left'">
    <div [ngClass]="{'m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-grid--tablet-and-mobile m-grid--hor-tablet-and-mobile m-login m-login--1 m-login--singin': !useFullWidthLayout(), 'row':useFullWidthLayout()}" id="m_login">
        <div [ngClass]="{'m-grid__item m-grid__item--order-tablet-and-mobile-2 m-login__aside': !useFullWidthLayout(), 'col-md-12': useFullWidthLayout()}">
            <div [ngClass]="{'m-stack m-stack--hor m-stack--desktop': !useFullWidthLayout()}">
                <div [ngClass]="{'m-stack__item m-stack__item--fluid': !useFullWidthLayout()}">
                    <div class="m-login__wrapper">
                        <!-- <div class="m-login__logo">
                            <a (click)="goToHome()">
                                <img *ngIf="!appSession.tenant || !appSession.tenant.logoId" [src]="appRootUrl() + 'assets/common/images/logo.svg'" alt="logo" height="38" />
                                <img *ngIf="appSession.tenant && appSession.tenant.logoId" [src]="remoteServiceBaseUrl + '/TenantCustomization/GetTenantLogo?skin=light&tenantId=' + appSession.tenant.id + '&id=' + appSession.tenant.logoId" alt="logo" height="38" />
                            </a>
                        </div> -->
                        <!-- <div *ngIf="showTenantChange()" class="content tenant-change-box">
                            <tenant-change></tenant-change>
                        </div> -->
                        <router-outlet></router-outlet>
                    </div>
                    <!-- <div>
                        <language-switch></language-switch>
                    </div> -->
                </div>
            </div>
        </div>
        <div *ngIf="!useFullWidthLayout()" class="m-grid__item m-grid__item--fluid m-grid m-grid--center m-grid--hor m-grid__item--order-tablet-and-mobile-1 m-login__content m-grid-item--center" style="background: url(/assets/metronic/assets/demo/default/media/img/bg/loginBanner.png) center center no-repeat;">
            <div class="m-grid__item m-grid__item--middle">
                <h3 class="m-login__welcome" style="color: #ffffff;font-size: 2.5rem;font-weight: 500;margin-bottom: 1rem;">
                   Spacecraft- Rocket
                </h3>
                <p class="m-login__msg" style="font-size: 1.2rem;text-align:center">
                    Process Approval System
                </p>
            </div>
        </div>
    </div>
</div>
